<script>
import {defineComponent} from 'vue'

export default defineComponent({
    name: "headerCom",
    data() {
        return {
            conunt: 0,
        }
    },
    props: {

        type1: {
            type: [Number],
            default: 30
        },
        type2: {
            type: [Number, String],
            default: 'strrrrrrrrrrrring',
        }
    },
    created() {
        console.log(this.type1)
        console.log(this.type2)
    }
})
</script>

<template>
    <div>
        <div class="box"></div>
    </div>
</template>

<style scoped lang="less">
.box {
  width: 300px;
  height: 300px;
  background-color: green;
}
</style>